<template>

 
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in lunbotu" :key="item.id">
        <img :src="item[imgname]" alt  :class="[isfull ? 'img-full' : 'img-normal']" />
      </mt-swipe-item>
    </mt-swipe>
   
</template>

<script>
export default {
    data(){
        return{};
    },
    methods:{

    },
    props:["lunbotu","imgname","isfull"] //将来谁使用这个轮播图组件，必须为其传递一个lunbotu数组
    //同时直接接受img的参数的轮播图
}
</script>

<style lang="scss" scoped>

.mint-swipe {
  height: 200px;
  .mint-swipe-item {
    //   父元素中直接让子元素显示 图片:行内替换  span a行内  div p块级
      text-align: center;
    
    // 如果给图片应用了这个类，图片的宽高都撑满了父元素
    .img-full {
      width: 100%;
      height: 100%;
      
    }
    // 如果图片添加了这个类，图片高度100%，宽度自适应
    .img-normal{
         height: 100%;
    }
    .mui-media-body {
      font-size: 13px;
    }
  }
}

</style>